<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<meta charset="UTF-8">
    <title>出库申请登记审核子页面</title>
    <link rel="stylesheet"  href="/bootstrap/bootstrap-5.3.3-dist/css/bootstrap.min.css" />
   	<link rel="stylesheet" href="/css/stock/c/Warehousing_Application_Registration.css" />
   <style type="text/css">
    	
    </style>
</head>
<body style="padding: 15px 50px;background-color: #eeeeee;">
	<div class="panel-heading hhead">
		<nav aria-label="breadcrumb">
		  <ol class="breadcrumb">
		  	<span style="color: blue;">您正在做的业务是：</span>
		    <li class="breadcrumb-item"><a href="#">库存管理</a></li>
		    <li class="breadcrumb-item"><a href="#">出库申请管理</a></li>
		    <li class="breadcrumb-item active" aria-current="page">出库申请登记审核</li>
		  </ol>
		</nav>
	</div>
    <div style="margin-bottom: 2px">
        <div style="display: inline;margin-left: 78%;">
        	<input type="radio" />未通过
        	<input type="radio" />通过
            <button class="btn btn-primary">确认</button>
            <button class="btn btn-primary">返回</button>
        </div>
    </div> <!-- 此div改用栅格来做 -->
    <div id="designListBox">
        <div style="text-align: center">
            <h3>出库申请单</h3>
        </div>
        <div style="padding: 30px">
           <table class="tbl1">
           		<tr>
                   <td class="col1">申请单编号：</td>
                   <td class="col2">1111123232321</td>
               </tr>
               <tr>
                   <td class="col1">出库人：</td>
                   <td class="col2">admin</td>
                   <td class="col1">出库理由：</td>
                   <td class="col2"></td>
               </tr>
               <tr>
                   <td class="col1">是否归还：</td>
                   <td colspan="1">
                   	<select>
                   		<option>是</option>
                   	</select>
                   </td>
                   <td class="col1">归还时间：</td>
                   <td colspan="2">
                   	<input type="text" class="txt_under_line">
                   </td>
               </tr>
           </table>

            <table class="table table-bordered" style="margin: 15px auto;">
                <thead>
                    <tr>
                        <th>序号</th><th>产品名称</th><th>产品编号</th>
                        <th>当前库存数量</th><th>数量</th><th>单位</th>
                        <th>成本单价（元）</th><th>小计（元）</th>
                    </tr>
                </thead>
                <tbody id="template">
                    <tr>
                        <td>1</td>
                        <td>aaaaaaaaaaaaaaaaaaaa</td>
                        <td>aaaaaaaaaaaaa</td>
                        <td>a</td>
                        <td></td>
                        <td>a</td>
                        <td>a</td>
                        <td>a</td>
                    </tr>
                </tbody>
                <tbody id="realData">
                    <tr>
                        <td>1</td>
                        <td>aaaaaaaaaaaaaaaaaaaa</td>
                        <td>aaaaaaaaaaaaa</td>
                        <td>a</td>
                        <td></td>
                        <td>a</td>
                        <td>a</td>
                        <td>a</td>
                    </tr>
                </tbody>
            </table>

            <table class="tbl3">
            	<tr>
                    <td class="col1">总件数：</td>
                    <td class="col2">111</td>
                    <td class="col1">总金额：</td> <td class="col2">222</td>
                </tr>
                <tr>
                    <td class="col1">登记人：</td>
                    <td class="col2"><input type="text" class="txt_under_line"></td>
                    <td class="col1">登记时间：</td> <td class="col2">系统时间</td>
                </tr>
                <tr>
                    <td class="col1">审核人：</td>
                    <td class="col2"><input type="text" class="txt_under_line"></td>
                    <td class="col1">审核时间：</td> <td class="col2">系统时间</td>
                </tr>
                <tr>
                    <td class="col1">备注：</td>
                    <td colspan="3" style="padding-top: 5px">
                        <textarea rows="4" cols="100"></textarea>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    
    <div class="modal fade" id="proRegistraModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
			<div class="modal-dialog modal-xl">
					<div class="modal-content">
						<div class="modal-header">
							<h2>添加产品</h2>
							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
						</div>
						<div class="modal-body">
							<div class="container-fluid">
								<div id="bodyBox">
									<form>
										<div class="panel product">
											<div class="panel-heading hhead">
												<nav aria-label="breadcrumb">
												  <ol class="breadcrumb">
												  	<span style="color: blue;">您正在做的业务是：</span>
												    <li class="breadcrumb-item"><a href="#">库存管理</a></li>
												    <li class="breadcrumb-item"><a href="#">入库申请管理</a></li>
												    <li class="breadcrumb-item active" aria-current="page">入库申请登记</li>
												  </ol>
												</nav>
												<div>
													<p><small>当前等待复核的配置单总数：<span style="color: red;">2</span>例</small></p>
												</div>
											</div>
											
											<div class="panel-body bbody">
												<table id="tab" >
													<thead>
														<tr style="background-color: #e8e8e8;">
															<td>产品编号</td>
															<td>产品名称</td>
															<td>用途类型</td>
															<td>单位</td>
															<td>成本单价</td>
															<td>入库</td>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td>aaaaaa</td>
															<td>bbbb</td>
															<td>ccc</td>
															<td>ddd</td>
															<td>fff</td>
															<td><a href="">入库</a></td>
														</tr>
													</tbody>
												</table>
											</div>
											
											<div class="panel-footer ffooter">
												<div id="footerDiv">
													<label style="font-weight: 700;">总数：<span style="color: red;">5</span>例&nbsp;&nbsp;&nbsp;&nbsp;
														当前第<span style="color: red;">1</span>页&nbsp;&nbsp;&nbsp;&nbsp;
														共<span style="color: red;">1</span>页&nbsp;&nbsp;&nbsp;&nbsp;
													</label>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button id="btnConcel" class="btn btn-danger" data-bs-dismiss="modal">
								关闭<span class="glyphicon glyphicon-remove"></span>
							</button>
						</div>
					</div>
				</div>
		</div>
		
		<script type="text/javascript" src="/js/jquery-3.7.0.min.js"></script>
		<script type="text/javascript" src="/bootstrap/bootstrap-5.3.3-dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
